<template>

</template>

<script setup lang="ts">
import {onBeforeMount, onBeforeUnmount, onBeforeUpdate, onMounted, onUnmounted, onUpdated} from "vue";

// 创建 beforeCreate created
console.log('创建 beforeCreate created')

// 挂载
onBeforeMount(() => {
  console.log('挂载 beforeMount')
});

onMounted(() => {
  console.log('挂载 mounted')
});

// 更新
onBeforeUpdate(() => {
  console.log('更新 beforeUpdate')
});

onUpdated(() => {
  console.log('更新 updated')
});

// 卸载
onBeforeUnmount(() => {
  console.log('卸载 beforeUnmount')
});

onUnmounted(() => {
  console.log('卸载 unmounted')
});


</script>

<style scoped lang="scss">

</style>
